{%extends file="user/page/layout.tpl"%}

{%block name="sub-head-static"%}
    {%require name="common:static/lib/js/highcharts.js"%}
    {%require name="user:static/bonus/bonus.less"%}
    {%require name="user:static/bonus/bonus.js"%}
    <script>
        P.data('bonus',{%json_encode($data)%});
    </script>
{%/block%}

{%block name="right-content"%}
   <div class="page-bonus">
       <div class="block record-block">

               <div class="line" style="margin-top:20px;">
                   <div class="right">
                       <ul class="type-tab">
                           <li><a class="active" data-type='0'>未使用</a></li>
                           <li><a data-type='1'>已使用</a></li>
                           <li><a data-type='2'>已过期</a></li>
                       </ul>
                   </div>
                   <div class="clear"></div>
               </div>
               <div class="record-table">
                   <hr>
                   <hr>
                   <table>
                       <thead>
                       <tr>
                           <td>编号</Td>
                           <td>类别</td>
                           <td>面值</td>
                           <td>有效期</td>
                           <td>使用规则</td>
                           <!--<td>来源</td>-->
                       </tr>
                       </thead>
                       <tbody>
                       </tbody>
                   </table>
               </div>


       </div>
       <div class="block tip-block">
           <h5>温馨提示：</h5>
           <!--<p>1、通用红包可购买真融宝平台的任何产品，无购买额度限制。</p>-->
           <p>1、每次购买最多仅可使用一张红包。</p>
       </div>

   </div>
{%/block%}